<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="./01_复习.html" method="get">
        <!-- 标签的name属性值 就是存储这个标签数据的容器 -->
        账号: <input type="text" name="username"><br>
        密码: <input type="password" name="userpwd"><br>
        性别: <input type="radio" name="sex" value="男">男
              <input type="radio" name="sex" value="女">女 
              <input type="radio" name="sex" value="保密">保密<br>

        <!-- 标签name相同 value不同 name属性值添加 [] -->
        爱好: <input type="checkbox" name="hobby[]" value="王者荣耀">王者荣耀
              <input type="checkbox" name="hobby[]" value="英雄联盟">英雄联盟
              <input type="checkbox" name="hobby[]" value="绝地求生">绝地求生
              <input type="checkbox" name="hobby[]" value="铲铲大战">铲铲大战
              <br>

        文件: <input type="file" name="file[]" multiple><br>

        <button>提交</button>
    </form>

    <a href="./01_复习.html?name=张三&pwd=123456">点击</a>

    <script>
        /*
            超链接点击跳转新的页面 
                本质是 向 href属性值的url地址 发送请求
                url地址 返回响应 一个 相关的文件内容

            form点击 按钮 跳转新的页面
                本质是 向 action属性值 url地址 发送请求
                url地址 返回响应 一个 相关的文件内容

            发送请求,携带参数的语法
                form表单携带参数
                    form标签属性
                        action  发送请求的url地址
                        method  get     默认值是get 携带参数会显示在浏览器地址栏中 明文传参
                                post    携带的参数不会显示在 浏览器地址栏中 密文传参


                    input标签属性
                        name    标签存储数据的容器 --- 键名
                                如果 多个标签 name值相同 value值不同 name属性的属性值 要添加[]

                        value   标签存储的数据数值
                                不能输入数据的标签 通过设定value属性值 设定数据

            超链接发送请求携带参数
                href属性值 设定请求的url地址
                在 href属性值中 url地址后 携带参数

                语法:
                    href="url地址?键名=键值&键名=键值&键名=键值....";

                    以 问号 间隔 url地址 和 携带的参数
                    传参必须是键值对语法形式 也就是 键名=键值
                    多个键值对 以 & 符号间隔


        */

        
    </script>
</body>
</html>